<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>QQ音乐-歌单</title>
		<link rel="stylesheet" type="text/css" href="css/inside.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<svg class="svg_tem">
			<defs>
				<symbol id="icon_praise" viewBox="0 0 32 32">
					<title>赞</title>
					<path d="M5.553 29.5c-1.408 0-2.553-1.143-2.553-2.547v-12.735c0-1.407 1.145-2.547 2.553-2.547h3.935c0.065-0.033 0.139-0.072 0.222-0.118 0.371-0.207 0.744-0.466 1.089-0.775 0.564-0.506 0.995-1.095 1.25-1.771 0.155-0.411 0.965-2.535 1.143-3.014 0.318-0.855 0.494-1.379 0.565-1.689 0.108-0.468 0.369-0.924 0.904-1.341 0.506-0.394 1.047-0.51 1.521-0.445 3.547 0.070 5.273 4.258 4.158 7.857l-0.331 1.333 5.252 0c2.405-0.063 4.186 2.039 3.637 5.169l-1.862 8.755c-0.211 1.867-2.221 3.869-4.379 3.869h-17.107zM10.5 13.351v14.149h12.142c1.093 0 2.3-1.209 2.38-2.088 0.004-0.041 0.010-0.081 0.018-0.121l1.887-8.803c0.325-1.841-0.479-2.784-1.626-2.754h-6.656c-0.67 0-1.162-0.624-1.001-1.269l0.677-2.695c0.795-2.51-0.354-5.259-2.318-5.259-0.052 0-0.104-0.004-0.177 0.014-0.137 0.106-0.164 0.153-0.174 0.194-0.099 0.426-0.296 1.007-0.648 1.947-0.184 0.49-1.005 2.628-1.159 3.033-0.383 1.008-1.014 1.863-1.816 2.577-0.47 0.418-0.971 0.763-1.472 1.041-0.019 0.011-0.038 0.021-0.057 0.031zM8.5 27.5v-14h-2.997c-0.277 0-0.503 0.233-0.503 0.519v12.962c0 0.284 0.227 0.519 0.503 0.519h2.997z"></path>
				</symbol>
				<symbol id="icon_like" viewBox="0 0 32 32">
					<title>收藏</title>
					<path d="M16 28c0 0 2.11-1.591 2.259-1.704 2.168-1.707 3.155-2.51 4.483-3.692 2.147-1.911 3.825-3.7 4.974-5.417 0.822-1.229 1.357-2.402 1.565-3.528 0.941-5.091-1.221-8.588-5.151-9.44-2.959-0.641-6.218 0.432-8.131 2.659-1.975-2.525-5.247-3.477-8.295-2.5-3.688 1.182-5.83 4.758-5.040 9.323 0.245 1.418 1.093 2.956 2.449 4.636 1.061 1.314 2.415 2.69 4.029 4.142 1.441 1.296 2.502 2.165 4.774 3.968l2.085 1.554zM10.486 21.014c-1.541-1.384-2.825-2.687-3.811-3.906-1.164-1.44-1.863-2.706-2.040-3.729-0.624-3.599 0.95-6.222 3.685-7.098 2.629-0.842 5.444 0.239 6.747 2.866l0.66 1.331c0.123 0.248 0.327 0.246 0.452 0.003l0.678-1.323c1.177-2.295 4.186-3.559 6.84-2.985 2.842 0.615 4.363 3.073 3.61 7.141-0.154 0.83-0.581 1.766-1.265 2.788-1.038 1.55-2.611 3.224-4.642 5.030-1.289 1.145-2.254 1.929-4.377 3.599-0.119 0.090-0.852 0.651-1.024 0.769-0.025-0.020-0.783-0.597-0.931-0.68-2.173-1.723-3.202-2.567-4.582-3.806z"></path>
				</symbol>
				<symbol id="icon_liked" viewBox="0 0 32 32">
					<title>已收藏</title>
					<path d="M16 28c0 0 2.11-1.591 2.259-1.704 2.168-1.707 3.155-2.51 4.483-3.692 2.147-1.911 3.825-3.7 4.974-5.417 0.822-1.229 1.357-2.402 1.565-3.528 0.941-5.091-1.221-8.588-5.151-9.44-2.959-0.641-6.218 0.432-8.131 2.659-1.975-2.525-5.247-3.477-8.295-2.5-3.688 1.182-5.83 4.758-5.040 9.323 0.245 1.418 1.093 2.956 2.449 4.636 1.061 1.314 2.415 2.69 4.029 4.142 1.441 1.296 2.502 2.165 4.774 3.968l2.085 1.554z"></path>
				</symbol>
				<symbol id="icon_play_thin" viewBox="0 0 32 32">
					<title>播放</title>
					<path d="M16 29c7.177 0 13-5.818 13-13s-5.823-13-13-13c-7.177 0-13 5.818-13 13s5.823 13 13 13zM16 30c-7.732 0-14-6.268-14-14s6.268-14 14-14c7.732 0 14 6.268 14 14s-6.268 14-14 14zM12.5 20.186c0 0.189 0.054 0.374 0.155 0.534 0.295 0.467 0.913 0.606 1.379 0.311v0l6.627-4.186c0.126-0.079 0.232-0.186 0.311-0.311 0.295-0.467 0.155-1.085-0.311-1.379v0l-6.627-4.186c-0.16-0.101-0.345-0.155-0.534-0.155-0.552 0-1 0.448-1 1v8.371z"></path>
				</symbol>
				<symbol id="icon_pause_thin" viewBox="0 0 32 32">
					<title>暂停</title>
					<path d="M16 29c7.177 0 13-5.818 13-13s-5.823-13-13-13c-7.177 0-13 5.818-13 13s5.823 13 13 13zM16 30c-7.732 0-14-6.268-14-14s6.268-14 14-14c7.732 0 14 6.268 14 14s-6.268 14-14 14zM11 11.995v8.009c0 0.546 0.449 0.995 1.003 0.995h1.494c0.56 0 1.003-0.446 1.003-0.995v-8.009c0-0.546-0.449-0.995-1.003-0.995h-1.494c-0.56 0-1.003 0.446-1.003 0.995zM17.5 11.995v8.009c0 0.546 0.449 0.995 1.003 0.995h1.494c0.56 0 1.003-0.446 1.003-0.995v-8.009c0-0.546-0.449-0.995-1.003-0.995h-1.494c-0.56 0-1.003 0.446-1.003 0.995z"></path>
				</symbol>
				<symbol id="icon_download" viewBox="0 0 32 32">
					<title>下载</title>
					<path d="M15 18.978l-9.057-9.057-1.443 1.443 11.545 11.545 11.545-11.545-1.443-1.443-9.146 9.146v-15.567h-2v15.478zM26.5 24.5h2c0 2.241-1.726 4-3.893 4h-17.213c-2.165 0-3.893-1.761-3.893-4h2c0 1.14 0.886 2 1.893 2h17.213c1.010 0 1.893-0.858 1.893-2z"></path>
				</symbol>
			</defs>
		</svg>
		<div class="web">
			<header>
				<div class="header_box">
					<div class="logo"><img src="images/favicon.ico" /></div>
					<div class="header_title">
						<p>QQ音乐</p>
						<span>打开APP收藏、下载</span>
					</div>
					<div class="login">
						<a href="javascript:">打开</a>
					</div>
				</div>
				<div class="ablum">
					<div class="ablum_img"><img src="images/station3.jpg"/></div>
					<div class="ablum_cont">
						<!--<h2>催泪大杀器！盘点演唱会经典万人大合唱</h2>
						<div class="ab_con">
							<div class="ab_img">
								<img src="images/person_90.png"/>
							</div>
							<span>Harry</span>
						</div>
						<p class="album_desc">播放量：799.7万</p>-->
					</div>
				</div>
				<!--<div class="header_all">
					<a href="javascript">播放全部</a>
				</div>-->
				<audio data-web-player="1" style="height:0;width:0;display:none"  src="media/C400002ZKnKQ34rbZu.m4a"></audio>
				<div class="logining">
					<div class="circle_box">
						<svg class="circle2"><use xlink:href="#icon_play_thin"></use>
						</svg>
						<svg class="progress">
							<circle cx="40" cy="22" r="17" class="progress_circle"></circle>
						</svg>
					</div>
					<div class="logining_con">
					<h3>七里香</h3>
					<div class="lyrics">
						<div class="lyrics__bd">
							<!--<p>Viva La Vida (Live) - Coldplay</p>-->						
						</div>
					</div>
					</div>
					<div class="down_login">
						<svg class="download"><use xlink:href="#icon_download"></use></svg>
					</div>
				</div>
				<div class="header_img">
					<img src="images/station3.jpg"/>
				</div>
			</header>
			
			
			<section>
				<div class="songList">
					<div class="songList_title">
						<div class="songList_num">
							<!--歌单<span>共66首</span>-->
						</div>
						<div class="collect">
							收藏
						</div>
					</div>
					<ul class="qui_list">
						<!--<li class="qui_list_item">
							<div class="list_item_box">
								<h3>七里香 (Live)</h3>
								<p>周杰伦· 周杰伦 2004 无与伦比 演唱会 Live CD</p>
							</div>
						</li>-->
					</ul>
					<div class="more">
						点击加载更多歌曲
					</div>
				</div>
				<div class="profile">
					<div class="profile_title">
						歌单简介
					</div>
					<div class="profile_con">
						
				<!--之前在微博看到一个视频关于周杰伦演唱会的视频，几万人一起合唱《七里香》。当时差点泪奔。一直想去小公举演唱会，无奈一直没买到票。
				<br />最近有偶然发现一个贴，关于特别感人震撼的万人合唱音乐现场。实在没忍住，做了个歌单。
				<br />里面包括Heal the world.——MJ 还有阿黛尔《Someone Like You》，《Don´t Look Back in Anger》 Oasis 2005 曼彻斯特演唱会。
				<br />1996年在香港红磡体育馆举办的BEYOND的live&amp;basic演唱会，没找到1996版本，用1993年的代替。
				<br />哥哥的《月亮代表我的心》万人大合唱版本是上海演唱会歌迷们对哥哥唱的，没找到，用另外一个版本代替。-->
					</div>
				</div>
			</section>
			
			<footer>
				<div class="footer_img">
					<img src="images/favicon.ico"/>
				</div>
				<p>QQ音乐</p>
			</footer>
		</div>
	</body>
	<script src="js/inside.js"></script>
</html>